<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="/static/weui/css/weui.css">
		<link rel="stylesheet" href="/static/weui/css/weuix.css">
		<link rel="stylesheet" href="/static/weui/css/mydmcss.css?r=1">
		<link rel="stylesheet" href="/static/weui/css/animate-mini.css" />
		<script src="/static/weui/js/zepto.min.js"></script>
		<script src="/static/weui/js/zepto.weui.js"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
		<script>
			var tdesc='{$cuser["nickname"]}邀请您，点亮消防安全，共建平安牛城。';
		</script>
		<script src="/static/weui/js/xf.js"></script>
	<title>点亮牛城 平安过年</title>
	<style>
		i.icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    font-style: normal;
    position: relative;
    color: #97282e;
}

	</style>
</head>
<body ontouchstart class="indexbg">
    <div id='tb' class="weui-tab" style="height:auto;">
       
			<img src="/static/weui/images/index/top.png" class="topimg">
		    <div class="titleimg2">
		    <img src="/static/weui/images/index/title1.png" >
			</div>
			<div class="map">
				<img src="/static/weui/images/index/map/bian.png" class="mapimg">
				{foreach name="dllist" item="vo" }
               
					{if condition="($vo.cynumber >= 5000)"} 
					<img src="/static/weui/images/index/map/{$vo.id}l.png" class="mapimg">
					{else /} 
					<img src="/static/weui/images/index/map/{$vo.id}a.png" class="mapimg">
					{/if}
                {/foreach}
				<img src="/static/weui/images/index/yuyn1.png" style="position:absolute; right: 0;width: 10%;">
				<img src="/static/weui/images/index/yun2.png" style="position:absolute; left: 0;width: 10%; bottom: 0;">
			</div>
			
			<div class="rankdiv" style="position: relative;">
				<img src="/static/weui/images/index/dl.png" onclick="goxiangmu(2)" class="dlimgs">
				<img src="/static/weui/images/index/rank.png" class="rankbtn" onclick="gorank(2)">
			</div>
			
			<div class="bottomdiv">
				<img src="/static/weui/images/index/liwuh.png" class="liwuhimg" onclick="lipin()" >
				<img src="/static/weui/images/index/liwu.png" class="liwuimg" onclick="lipin()">
				<div class="title3">
					<img src="/static/weui/images/index/title2.png" >
				</div>
				<img src="/static/weui/images/index/bottom.png">
				<div class="dlrank">
					<img src="/static/weui/images/index/tiaozhan.png" class="dmimgs" onclick="goxiangmu(1)">
				<img src="/static/weui/images/index/rank.png" class="rankbtn" onclick="gorank(1)">
				</div>
			</div>

        <div class="weui-tabbar tab-bottom">
            <a href="javascript:;" class="weui-tabbar__item">
                    <span style="display: inline-block;position: relative;">
                        <i class="icon icon-29 f27 weui-tabbar__icon"></i>
                     
                    </span>
                <p class="weui-tabbar__label">介绍</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <i class="icon icon-91 f27 weui-tabbar__icon"></i>
                <p class="weui-tabbar__label">点亮</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                    <span style="display: inline-block;position: relative;">
                        <i class="icon icon-38 f27 weui-tabbar__icon"></i>
                    </span>
                <p class="weui-tabbar__label">挑战</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item ">
                <i class="icon icon-125 f27 weui-tabbar__icon" ></i>
                <p class="weui-tabbar__label">奖品</p>
            </a>
        </div>
<div id="jieshaodiv" style="display: none;">

	<b>一、点亮消防安全 助力平安牛城</b><br />
当各县市区点亮人数超过5000人，该区域将被点亮，点击排行可查看点亮人数。<br />
<b>二、消防科普灯谜PK赛</b><br />
超多有趣的消防灯谜、消防科普知识藏在灯笼中，答对一道题可获得10分，不限制参与次数。积分排行前200名用户将获得奖品。<br />
奖品设置：1—10名    消防应急包      11—50名  灭火毯
          51—100名 灭火器（1KG）  101—200名 独立烟感<br />
		  <b>三、活动时间</b><br />
即日起—2021年2月16日（上午10:00）<br />
<b>四、领奖方式</b><br />
活动结束后，前200名用户，需在2月20日前在主页面左下角“奖品”中选择领奖地点，填写领奖信息。（未填写无法领奖）<br />
领奖时间：2月22—2月28日
</div>
    </div>
</body>
</html>
<script>
	$(function(){
		$.toptip("猜灯谜前200名用户请于2月20日（上午10:00）前，点击“奖品”完善领奖信息，工作人员会与您电话联系",10000);
		$('#tb').tab({
			defaultIndex: 6,
			activeClass: 'weui-bar__item_on',
			onToggle: function (index) {
			  if(index==0){
				jieshao();
			
			  }
			  else if(index==1)
			  {
				window.location="/index/dl";
			  }
			  else if(index==2)
			  {
				window.location="/dm/index";
			  }else if(index==3)
			  {
				window.location="/dm/my";
			  }
			  console.log(index)
			}
		})
	})
	function gorank(index)
	{
		if(index==1)
		{
			window.location="/dm/rank";
		}
		else{window.location="/index/rank";}
	}
	function goxiangmu(index)
	{
		if(index==1)
		{
			window.location="/dm/index";
		}
		else{window.location="/index/dl";}
	}
	function jieshao(){
	let str=$("#jieshaodiv").html();
	 n=document.createElement("div");
	 n.classList.add("weui-model");
	 var t='<span class="close" onclick="$(\'.weui-model\').remove();"></span>',
	 l="onclick=\"$('.weui-model').remove();\"";
	 n.innerHTML='<div class="model-mask"  '+l+'></div><div class="model-mainjieshao" style="text-align:left">'+t+''
		        +str;
		        +'</div>',
	 document.body.appendChild(n)}
</script>